<!-- This page is the front page of the website !-->
<form>
  <!--This section contains the pretty pictures on the left hand section of the page !-->
<script type='text/javascript'>
	$(function() {
    $('#north').tipsy({gravity: 'n', fade: true});
    $('#south').tipsy({gravity: 's', fade: true});
    $('#east').tipsy({gravity: 'e', fade: true});
    $('#west').tipsy({gravity: 'w', fade: true});
    $('#north-west').tipsy({gravity: 'nw', fade: true});
    $('#north-east').tipsy({gravity: 'ne', fade: true});
    $('#south-west').tipsy({gravity: 'sw', fade: true});
    $('#south-east').tipsy({gravity: 'se', fade: true});
    $('#foo').tipsy({gravity: $.fn.tipsy.autoNS, fade: true});
    $('a[rel=tipsy]').tipsy({fade: true, gravity: 'n'});

	});
        
</script>

<SCRIPT TYPE="text/javascript">
<!--
function popup(mylink, windowname)
{
if (! window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=1200,height=400,scrollbars=yes');
return false;
}
//-->
</SCRIPT>


</form>
      </br>
      </br><!--The panel for user inputs !-->
      Enter Your Information:
         </br>
            
            <div>
              <div id="notice"><%= flash[:notice] %></div>
                  <%= form_tag('home') do %>
              
                  <ul>
                  <%= label_tag :gender %>
                  <%= select_tag(:gender,
                  options_for_select(Bmi::GENDER_LIST), :include_blank => false) %>
                  </ul>
                  <ul>
                  <%= label_tag :race %>
                  <%= select_tag(:race,
                  options_for_select(Bmi::RACE_LIST), :include_blank => false) %>
                  </ul>              
                  <ul>
                  <%= label_tag :age %>
                  <%= number_field_tag(:age, nil, :in => 18...66) %> (18 - 65)
                  </ul>           
                  <ul>
                  <%= label_tag :weight %>
                  <%= number_field_tag(:weight_lb, nil, :in => 75...351)+ "lb"  %> (75 - 350)
                  </ul>
                  <ul>
                  <%= label_tag :height %>
                  <%= select_tag(:height_feet, options_for_select(Bmi::FEET_LIST, 5)) + "feet" + select_tag(:height_inch, options_for_select(Bmi::INCH_LIST)) +  "inch"%>
                  </ul>
          <ul>
            <%= label_tag :activity_level %>
              <a HREF="/popup.html" onClick="return popup(this, 'notes')"><%= image_tag "popup_icon.gif", :size => "15x15" %></a>
            <%= select_tag(:activity_level,
            options_for_select(Bmi::ACTIVITY_LEVEL), :include_blank => false) %>
          </ul>                       
                  <ul>                    
                  <%= label_tag :year %>
                    <a rel='tipsy' title='Select the year of U.S. statistics for your comparison.'>
                 <%= image_tag "help.png", :size => "15x15" %></a>
                  <%= select_tag(:year,
                  options_for_select(Bmi::YEAR_LIST, "2010")) %>
                  </ul>
                  <ul>
                    <%= submit_tag("Calculate") %>
                  </ul>
                  <% end %>
            </div>
